﻿<div class="container-fluid" data-ng-controller="incidentCtrl">
    <div id="loadingWidget" class="row-fluid ui-corner-all" style="padding: 0 .7em;" loading-widget >
        <div class="loadingContent">
            <p>
                <img alt="Loading  Content" src="images/ajax-loader.gif" /> Loading
            </p>
        </div>
    </div>
     
    <div class="row">
        <div class="row">
        <br />
    </div>
     <div class="row">
        <br />
    </div>
        <div class="panel panel-primary" title="Incident Info">
            <div class="panel-heading">
                <h3 class="panel-title">Incidents</h3>
            </div>
            <div class="panel-body">
                <div data-ng-repeat="incident in incidents | orderBy:'Title' ">
                    <div class="row">
                        <div class="col-md-1">
                            <a id="incident" href="#/Incidents/{{incident.id}}">
                                <img src="../../Images/applications_engineering.png" title="incident" class="ul.incident.thumbs" />
                            </a>
                        </div>
                        <div class="col-md-3">
                            <a id="incidentTitle" href="#/Incidents/{{incident.id}}">{{incident.title}}</a>
                        </div>
                        <div class="col-md-1 col-md-offset-3">
                            <button  id="deleteIncident" class="btn btn-default" title="delete" type="submit" data-ng-click="deleteIncident(incident)" style="align-content: flex-end">
                                <span class="glyphicon glyphicon-trash"></span>Delete
                            </button>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-1">

                        <a class="btn btn-primary" href="#/Incidents/0" id="AddNewIncident">
                            <span class="glyphicon glyphicon-plus">NewIncident</span>
                              
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


